<template>
    <div>
        翻转字符串的案例
    </div>
    <h3>{{ message }}</h3>
    <button @click="onChnage">点击翻转字符</button>
</template>

<script setup>
import { ref } from 'vue';

const message = ref('Hello Vue 3!')
const onChnage = () => { 
    console.log(message.value.split('').reverse().join(''));
    message.value = message.value.split('').reverse().join('')
}
</script>

<style  scoped>

</style>